import React from 'react';
import Link from 'next/link';

export default function StrategyIntegrationPage() {
  return (
    <div className="space-y-8">
      <h1 className="text-3xl font-bold border-b pb-4">王者荣耀策略中心</h1>
      
      <p className="text-gray-600 mb-8">
        本页面整合了所有策略相关的功能，帮助您全面提升游戏水平。从阵容搭配到英雄出装，从基础打法到进阶技巧，这里有您需要的一切。
      </p>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        {/* 阵容搭配 */}
        <div className="bg-white shadow-lg rounded-lg overflow-hidden">
          <div className="h-40 bg-gradient-to-r from-blue-500 to-indigo-600 flex items-center justify-center">
            <h2 className="text-2xl font-bold text-white">阵容搭配建议</h2>
          </div>
          <div className="p-6">
            <p className="text-gray-600 mb-4">
              了解不同类型的阵容组合及其优缺点，掌握团队配合的核心要素，选择最适合您的游戏风格的阵容。
            </p>
            <Link href="/guides/composition" className="inline-block bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition-colors">
              查看阵容指南
            </Link>
          </div>
        </div>

        {/* 出装推荐 */}
        <div className="bg-white shadow-lg rounded-lg overflow-hidden">
          <div className="h-40 bg-gradient-to-r from-purple-500 to-pink-600 flex items-center justify-center">
            <h2 className="text-2xl font-bold text-white">英雄出装推荐</h2>
          </div>
          <div className="p-6">
            <p className="text-gray-600 mb-4">
              查看各英雄的常用出装方案，了解装备搭配的思路和原则，根据对局情况灵活调整出装顺序。
            </p>
            <Link href="/guides/builds" className="inline-block bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded transition-colors">
              查看出装推荐
            </Link>
          </div>
        </div>

        {/* 打法思路 */}
        <div className="bg-white shadow-lg rounded-lg overflow-hidden">
          <div className="h-40 bg-gradient-to-r from-green-500 to-teal-600 flex items-center justify-center">
            <h2 className="text-2xl font-bold text-white">基础打法思路</h2>
          </div>
          <div className="p-6">
            <p className="text-gray-600 mb-4">
              学习各位置的基础打法，掌握不同阶段的游戏策略和意识要点，提升您的游戏理解和决策能力。
            </p>
            <Link href="/guides/strategies" className="inline-block bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded transition-colors">
              查看打法思路
            </Link>
          </div>
        </div>

        {/* 英雄资料 */}
        <div className="bg-white shadow-lg rounded-lg overflow-hidden">
          <div className="h-40 bg-gradient-to-r from-red-500 to-orange-600 flex items-center justify-center">
            <h2 className="text-2xl font-bold text-white">英雄资料库</h2>
          </div>
          <div className="p-6">
            <p className="text-gray-600 mb-4">
              浏览所有英雄的详细信息，包括技能、属性、背景故事和皮肤展示，找到最适合您的英雄。
            </p>
            <Link href="/heroes" className="inline-block bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded transition-colors">
              浏览英雄资料
            </Link>
          </div>
        </div>
      </div>

      <div className="bg-white shadow-lg rounded-lg p-8 mt-8">
        <h2 className="text-2xl font-bold text-gray-800 mb-4">策略整合建议</h2>
        <p className="text-gray-600 mb-4">
          游戏策略是一个整体，阵容搭配、英雄选择、出装和打法都是相互关联的。以下是一些整合建议：
        </p>
        <ul className="list-disc list-inside space-y-2 text-gray-700">
          <li>根据您擅长的位置和英雄，选择适合的阵容类型</li>
          <li>熟悉您常用英雄的多种出装方案，以应对不同的对局情况</li>
          <li>针对不同的对手阵容，调整您的打法思路和策略重点</li>
          <li>团队配合是关键，与队友沟通并协调各自的角色职责</li>
          <li>不断学习和实践，将理论知识应用到实际对局中</li>
        </ul>
      </div>
    </div>
  );
}
